@import '../common/common';
*{
	margin: 0;
	padding: 0;
}
@mixin inner {
	margin: 0 auto;
	width: 1200px;
}
body,html{
	height: 100%;
}

$width:100%;

#top{
	width: $width;
	height: 31px;
	background: #f8f8f8;
	.inner{
		@include inner;
		height: 31px;
		span{
			font-size: 12px;
			line-height: 31px;
			color:#646464 ;
			margin-right: 52px;
		}
		a{
			color:#646464 ;
			&:hover{
				color: #CD0A0A;
			}
		}

		ul{
			float: right;
			line-height: 31px;
			font-size: 12px;
			color:#646464 ;
			li{
				float: left;
				padding: 0 15px;
				&:hover{
					color: #CD0A0A;
					cursor: pointer;
				}
				position: relative;
			}
		}

	
	}
}

.tuichu{
	display: block;
	border: 1px solid #555555;
	width: 65px;
	height: 30px;
	line-height: 30px;
	color: #646464;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 0;	
	user-select:none;
}
#header{
	@include inner;
	height: 60px;
	color: #383838;
	padding: 30px 0;
	font-size: 20px;
	line-height:60px;
	img{
		float: left;
		margin: 0 40px 0 0;
	}
	border-bottom: 2px solid #CC3333;
}
#listxin{
	@include inner;
	border: 1px solid #AAAAAA;
	margin-top: 30px;
	height: 40px;
	ul{
		li{
			width: 230px;
			float: left;
			font-size: 12px;
			color: #646464;
			line-height: 40px;
			text-indent: 100px;
		}
	}

}
#proContain{
	width: 1140px;
	margin: 0 auto;
	border: 1px solid #AAAAAA;
	margin-top: 20px;
	padding: 30px;
	ul{
		background: #DFEFFC;
		width:1138px;
		border:1px solid #AAAAAA;
		margin: 5px 0;
		height:40px;
		padding:10px 10px;
		li{
			width: 215px;
			float: left;
			font-size: 12px;
			color: #646464;
			text-align: center;
		}
	}
	#empty{
		width: 1140px;
		height: 200px;
		img{
			float: left;;
			width: 180px;
			margin: 30px 200px;
		}
		p{
			line-height: 200px;
			color: #646464;
			a{
				color: #0000FE;
			}
		}

	}
}